<!doctype html>
<html lang="zh-CN">
  <head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap 的 CSS 文件 -->
    <link rel="stylesheet" href="../../css/bootstrap.min.css" >
    <link rel = "stylesheet" href="../../css/font-awesome.min.css">
    <link rel="stylesheet" href="../control/assest/css/dashboard.css">
    <link rel = stylesheet href="../control/assest/js/dashboard.js">
    <style type="text/css">
        body,html{
            margin: 0;
            height: 100%;
        }
        .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
        iframe{
            width: 100%;
            height: 100%;
            
        }
    </style>
    <title>Control</title>
  </head>
  <body>
    <div id = "app" style="height: 100%;">
        <header class="navbar navbar-dark sticky-top bg-light flex-md-nowrap p-0 shadow" style="height: 8%;">
            <a class="navbar-brand col-md-3 col-lg-2 me-0 px-3" href="#">
                <img src = "assest/images/long_logo.png" style="width: 95%;">
            </a>
            <button class="navbar-toggler position-absolute d-md-none collapsed" 
                type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu"
                     aria-controls="sidebarMenu" aria-expanded="false" 
                     aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            
            <div class = "col-md-2 col-lg-1 ml-4"
                style="font-size: 20px; padding-right: 0;">
                <a href="../../index_main.html" class="btn btn-primary my-auto mr-2">返回</a>

                    <i class="fa fa-user pr-1"></i>
                        {{currentUser.u_name}}
                    <i class = "fa fa-cog mx-1 mr-3"></i>
            </div>
        </header> 

          <div class="container-fluid" style="height: 92%;">
            <div class="row">
              <nav id="sidebarMenu" 
                    class="text-center col-md-3 col-lg-2 d-md-block bg-dark sidebar collapse"
                    style="padding-left: 5px;  padding-right: 5px;">
                <div class="position-sticky pt-5">
                  <ul class="nav flex-column text-center" >
                    <li class="nav-item">
                        <a href="home_control.html" target="contentFrame" type="" style="border:none;outline: none;text-decoration: none;" >
                          <button  class = "btn btn-outline-info btn-block">
                                首页
                          </button>
                        </a>

                    
                    </li>
                    
                    <li class="nav-item mt-2">
                        <a href="shop_detail.html" target="contentFrame" type="" style="border:none;outline: none;text-decoration: none;" >
                            <button data-feather="home"  class = "btn btn-outline-info btn-block" >
                                订单管理
                            </button>
                        </a>
                    </li>
                    
                  
                  </ul>
          
                  <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
                    <span>其他内容</span>
                    <a class="link-secondary" href="#" aria-label="Add a new report">
                      <span data-feather="plus-circle"></span>
                    </a>
                  </h6>
                  <ul class="nav flex-column mb-2 mt-2">

                    <li class="nav-item mt-2">
                        <a href="mumber_detail.html" target="contentFrame" type="" style="border:none;outline: none;text-decoration: none"  >
                        <button data-feather="home"  class = "btn btn-outline-info btn-block">
                            成员列表
                        </button>
                        </a>
                    </li>
                    
                  </ul>
                </div>
              </nav>
              <div class="col-md-3 col-lg-2"></div>
              <div class="col-md-9 ms-sm-auto col-lg-10 px-md-0 py-2 pt-2 sidebar-right">

                  <iframe src = "home_control.html" name = "contentFrame" class="px-3 pt-5 mt-3 mx-auto" style="border:none"></iframe>
          
               
              </div>
            </div>
          </div>
          
       

    </div>

    
    <script src="../../js/jquery-3.6.0.slim.min.js" ></script>
    <script src="../../js/bootstrap.bundle.min.js" ></script>
    <script src="../../js/vue.global.js"></script>
    <script src="../../js/axios.min.js"></script>
    <script src="../../layer/layer.js"></script>
    <script src="../../js/my-axios.js"></script>

    <script>
        
        const app = {
            data(){
                return{
                    ifSimply:false,
                    currentUser:{u_id:''},
                }

            },
            methods:{
                getCurrentUser(){
                    this.currentUser.u_id =  sessionStorage.getItem("u_id");
                    console.log(this.currentUser);
                    myAxios.post('/getUserdetail',this.currentUser)
                        .then(res =>{
                            this.currentUser = res.data.data;
                        })
                },
            },
            created() {
                this.getCurrentUser();
            }
        };
        Vue.createApp(app).mount('#app')
        
        
    </script>
    
  </body>
</html>